.charing {
    width: 100%;
    padding: 0.5rem 0;
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 0.02rem solid rgba(212, 212, 215, 0.6);
    .no-contant {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin-left: 0.4rem;
        height: 100%;
        justify-content: center;
        font-size: 0.36rem;
        color: #36404A;
        font-weight: bold;
        .select {
            margin-top: 0.2rem;
            font-size: 0.32rem;
            color: #636D8F;
        }
    }
    .detail-contant {
        display: flex;
        margin-top: 0.3rem;
        width: 100%;
        height: 1.5rem;
        .detail-img {
            width: 1.5rem;
            height: 1.5rem;
        }
        .progress {
            display: flex;
            flex-direction: column;
            margin: 0 0.2rem;
            padding: 0.03rem;
            height: 1.5rem;
            width: 0.26rem;
            border: 0.02rem solid #CBD1DE;
            box-sizing: border-box;
            border-radius: 0.1rem;
            .space {
                width: 100%;
                flex: 1;
            }
            .line {
                width: 100%;
                height: 100%;
                background-color: #FFA800;
            }
            .free-line {
                width: 100%;
                height: 100%;
                background-color: rgba(63, 223, 197, 1);
            }
            .warm-line {
                width: 100%;
                height: 100%;
                background-color: rgba(75, 92, 107, 0.2);
            }
        }
        .ing-status {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 2rem;
            .now {
                display: flex;
                width: 100%;
         
                justify-content: center;
                align-content: center;
                font-size: 0.32rem;
                span {
                    display: inline-block;
                    width: 1.4rem;
                    height: 0.5rem;
                    background-color: #FFA800;
                    color: #fff;
                    border-radius: 0.25rem;
                    text-align: center;
                }
            }
            .num {
                margin-top: 0.2rem;
                color: #FFA800;
                text-align: end;
                font-size: 0.36rem;
            }
            .time {
                margin-top: 0.1rem;
                text-align: end;
                font-size: 0.32rem;
                color: #636D8F;
            }
        }
        .free-status {
            width: 2rem;
            .now {
                display: flex;
                width: 100%;
                justify-content: center;
                align-content: center;
                font-size: 0.32rem;
                span {
                    padding: 0.03rem 0.2rem;
                    background-color: rgba(23, 43, 77, 1);
                    color: #fff;
                    border-radius: 0.25rem;
                }
            }
            .num {
                display: flex;
                justify-content: center;
                width: 100%;
                padding: 0.2rem;
                color: rgba(63, 223, 197, 1);
                text-align: end;
                font-size: 0.32rem;
                font-weight: bold;
            }
        }
        .warm-status {
            width: 2rem;
            .now {
                display: flex;
                width: 100%;
                justify-content: center;
                align-content: center;
                font-size: 0.32rem;
                span {
                    padding: 0.03rem 0.2rem;
                    background-color: #d2d2da;
                    color: #fff;
                    border-radius: 0.25rem;
                }
            }
            .num {
                display: flex;
                justify-content: center;
                width: 100%;
                padding: 0.2rem;
                color: rgba(75, 92, 107, 0.2);
                text-align: end;
                font-size: 0.32rem;
                font-weight: bold;
            }
        }
    }
}

.yd-confirm-ft>a.primary{
    color: rgba(75, 228, 203, 1);
}

